<template>
	<view class="flex-col page">
		<view class="flex-col section_1">
			<!-- <view class="justify-center group">
				<image @click="back()" :src="imgUrl+'16557836621783633159.png'" class="image" />
				<text class="text">订单详情</text>
			</view> -->
			<view class="justify-between group_1" v-if="orderList.ordersStatus == 1">
				<view class="flex-col items-start group_2">
					<text class="text_1">订单待付款</text>
					<view class="u-flex">
						<text class="text_2">剩余时间：</text>
						<u-count-down :time="lefttime" format="HH:mm:ss"></u-count-down>
					</view>

				</view>
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836667858104212.png"
					class="image_1" />
			</view>
			<!--  -->
			<view class="justify-between group_1" v-if="orderList.ordersStatus == 2">
				<view class="flex-col items-start group_2">
					<text class="text_1">订单未完善</text>
					<text class="text_2">完善订单信息后进行提交</text>
				</view>
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836667858104212.png"
					class="image_1" />
			</view>
			<!--  -->
			<view class="justify-between group_1" v-if="orderList.ordersStatus == 3">
				<view class="flex-col items-start group_2">
					<text class="text_1">订单进行中</text>
				</view>

				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836667858104212.png"
					class="image_1" />
			</view>
			<!--  -->
			<view class="justify-between group_1" v-if="orderList.ordersStatus == 5">
				<view class="flex-col items-start group_2">
					<text class="text_1">订单已完成</text>
				</view>
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836667858104212.png"
					class="image_1" />
			</view>
			<view class="justify-between group_1" v-if="orderList.ordersStatus == 6">
				<view class="flex-col items-start group_2">
					<text class="text_1">订单已取消</text>
				</view>
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836667858104212.png"
					class="image_1" />
			</view>
		</view>
		<view class="text_btn flex-row" :class="orderList.ordersStatus==3?'activeT':''"
			v-if="orderList.ordersStatus==3">
			<view class="text_btn_sg" @click="toxj(0)">施工进度</view>
			<view class="text_btn_xj" @click="toxj(1)">巡检进程</view>
		</view>
		<view class="flex-col group_3" :class="orderList.ordersStatus==3?'active':''">
			<view class="flex-col section_2">
				<view class="flex-row">
					<view class="section_3">
						<!--*-->
					</view>
					<text class="text_3">全流程咨询订单</text>
				</view>
				<view class="justify-between group_5">
					<text class="text_4">你的房屋位置</text>
					<text
						class="text_5">{{orderList.provinceName}}{{orderList.cityName}}{{orderList.districtName}}</text>
				</view>
				<view class="justify-between group_6">
					<text class="text_6">你的房屋面积</text>
					<text class="text_7">{{orderList.roomArea}}m²</text>
				</view>
				<view class="justify-between group_7">
					<text class="text_8">房屋类型</text>
					<text class="text_9">{{orderList.roomTypeName}}</text>
				</view>
			</view>

			<view class="flex-col section_4">
				<view class="flex-row group_8">
					<view class="section_3">
						<!--*-->
					</view>
					<text class="text_10">全流程咨询</text>
				</view>
				<view class="justify-between group_9">
					<view class="flex-col">
						<view class="flex-row">
							<text class="text_11">高级设计</text>
							<image :src="imgUrl+'16557826926394646541.png'" class="image_2 image_3" />
						</view>
						<text class="text_12">(含每个软装细节）</text>
					</view>
					<!-- 订单状态(1待付款 2待完善 3进行中 4待评价 5已完成 6已取消) -->
					<!-- 状态(0待补充 1已补充待分配 3进行中 4已完成待评价 5已完成) -->
					<view class="flex-col items-center view_2"
						v-if="orderList.ordersStatus != 1 || orderList.ordersStatus == 3">
						<text class="text_13 text-wrapper" @click="information(0)" v-if="desigin.status == 0">去完善</text>
						<text class="text_13"
							v-if="desigin.status == 1 || desigin.status == 2 || desigin.status == 3"
							@click="information(0)">补充资料</text>
							
						<text class="text_13" v-if="desigin.status == 4" @click="toevaluatewhole">待评价</text>
							<!-- @click="go('/pages/my/evaluate/evaluatewhole?id='+desigin.designId+'&serviceType=1&orderid='+ordersId)" -->
						<text class="text_13" v-if="desigin.status == 5">已评价</text>
					</view>
				</view>
				<view class="justify-between group_12">
					<view class="flex-col">
						<view class="flex-row">
							<text class="text_15">预算合约审核</text>
							<image :src="imgUrl+'16557826926394646541.png'" class="image_2 image_4" />
						</view>
						<text class="text_16">(含每个软装细节）</text>
					</view>
					<view class="" v-if="orderList.ordersStatus != 1">
						<view class="flex-col items-center text-wrapper view_3" v-if="contractExamine.status == 2"
							@click="information(1)">
							<text class="text_13">去完善</text>
						</view>
						<view class="flex-col items-center text-wrapper view_3" v-if="contractExamine.status == 3"
							@click="information(1)">
							<text class="text_13">补充上传</text>
						</view>
						<view class="flex-col items-center text-wrapper view_3" v-if="contractExamine.status == 4"
							@click="go('/pages/my/evaluate/evaluatewhole?id='+contractExamine.contractExamineId+'&serviceType=2&orderid='+ordersId)">
							<text class="text_13">待评价</text>
						</view>
						<view class="flex-col items-center text-wrapper view_3" v-if="contractExamine.status == 5">

							<text class="text_13">已评价</text>

						</view>

					</view>


				</view>
				<view class="flex-col group_15">
					<view class="justify-between">
						<view class="flex-row group_17">
							<text class="text_18">主材100条询价</text>
							<image :src="imgUrl+'16557826926394646541.png'" class="image_2 image_5" />
						</view>
						<view class="" v-if="orderList.ordersStatus != 1">
							<view class="flex-col items-center text-wrapper"
								v-if="!inquiry || (inquiry && (inquiry.status == 2))" @click="goUrl">

								<text class="text_13">去完善</text>

							</view>
							<view class="flex-col items-center text-wrapper" v-if="inquiry && inquiry.status == 3"
								@click="goUrl">

								<text class="text_13">继续询价</text>

							</view>
							<view class="flex-col items-center text-wrapper" v-if="inquiry && inquiry.status == 4"
								@click="go('/pages/my/evaluate/evaluatewhole?id='+inquiry.inquiryId+'&serviceType=3&orderid='+ordersId)">

								<text class="text_13">待评价</text>

							</view>
							<view class="flex-col items-center text-wrapper" v-if="inquiry && inquiry.status == 5">

								<text class="text_13">已评价</text>

							</view>
						</view>




					</view>
					<view class="flex-row group_18">
						<text class="text_20">选材咨询及建议（{{consulting.consultingTime}}小时）
							剩余：{{consulting.moreTime}}小时</text>
						<image :src="imgUrl+'16557826926394646541.png'" class="image_2 image_6" />
					</view>
					<view class="flex-col group_19">
						<view class="justify-between">
							<view class="flex-col">
								<view class="flex-row">
									<text class="text_21">施工巡检高级服务</text>
									<image :src="imgUrl+'16557826926394646541.png'" class="image_2 image_7" />
								</view>
								<text class="text_22">(21次巡检含进度监控）</text>
							</view>
							<view class="" v-if="orderList.ordersStatus != 1">
								<view class="flex-col items-center text-wrapper view_5" v-if="inspection.status == '0'"
									@click="information(2)">
									<text class="text_13">去完善</text>
								</view>
								<view class="flex-col items-center text-wrapper view_5" v-if="inspection.status == '3'"
									@click="information(2)">
									<text class="text_13">补充上传</text>


								</view>
								<view class="flex-col items-center text-wrapper view_5"
									@click.stop="go('/pages/my/evaluate/evaluatewhole?id='+inspection.inspectionId+'&serviceType=5&orderid='+ordersId)"
									v-if="inspection.status == '4'">

									<text class="text_13">去评价</text>


								</view>
								<view class="flex-col items-center text-wrapper view_5" v-if="inspection.status == '5'">

									<text class="text_13">已评价</text>

								</view>

							</view>


						</view>
						<view class="justify-between group_23">
							<view class="flex-row group_24">
								<text class="text_24">验收服务</text>
								<image :src="imgUrl+'16557826926394646541.png'" class="image_2 image_8" />
							</view>

							<view class="flex-col items-center "
								v-if="orderList.ordersStatus != 1  && orderList.ordersStatus != 6">
								<text class="text_13 text-wrapper" v-if="acceptanceService.status == 3">进行中</text>
								<text class="text_13 text-wrapper" v-if="acceptanceService.status == 4"
									@click.stop="go('/pages/my/evaluate/evaluatewhole?id='+acceptanceService.acceptanceServiceId+'&serviceType=6&orderid='+ordersId)">待评价</text>
								<text class="text_13" v-if="acceptanceService.status == 5">已评价</text>
							</view>


						</view>
						<view class="divider">
							<!--*-->
						</view>
						<view class="justify-between group_25">
							<text class="text_26">总额</text>
							<text class="text_27">￥{{orderList.totalMoney}}</text>
						</view>
						<view class="justify-between group_26">
							<text class="text_28">优惠券</text>
							<text class="text_29">-￥{{orderList.couponsMoney}}</text>
						</view>
						<view class="justify-end group_27">
							<!-- <text class="text_30">实付款:</text> -->
							<text class="text_30">{{orderList.ordersStatus==1? '应付款' : '实付款'}}</text>
							<view class="group_28">
								<text class="text_31">￥</text>
								<text class="text_32">{{orderList.payableMoney}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!--  -->
			<view class="flex-col section_5">
				<view class="flex-row group_29">
					<view class="section_3 view_7">
						<!--*-->
					</view>
					<text class="text_10">订单信息</text>

				</view>
				<view class="flex-col group_30">
					<view class="flex-row">
						<text class="text_33">订单编号</text>
						<text class="text_34">{{orderList.ordersNumber}}</text>
						<text class="text_335" @click="copy(orderList.ordersNumber)">复制</text>
					</view>

					<view class="flex-row group_32">
						<text class="text_36">下单时间</text>
						<text class="text_37">{{orderList.ordersTime}}</text>
					</view>
				</view>
				<view class="flex-row group_33" v-if="orderList.ordersStatus != 1">
					<text class="text_38">付款金额</text>
					<text class="text_39">￥{{orderList.payableMoney}}</text>
				</view>
				<view class="flex-row group_34" v-if="orderList.ordersStatus != 1">
					<text class="text_40">支付方式</text>
					<text class="text_330" v-if="orderList.payType ==1">微信支付</text>
					<text class="text_330" v-else>支付宝支付</text>
				</view>
				<view class="flex-row group_35" v-if="orderList.ordersStatus != 1">
					<text class="text_42">支付时间</text>
					<text class="text_43">{{orderList.payTime}}</text>
				</view>
			</view>
		</view>
		<view class="justify-between section_6 posiBottom">
			<view class="flex-row group_36" @click="go('/pages/my/message/kefu')">
				<image :src="imgUrl+'16557836621862755728.png'" class="image_10" />
				<text class="text_44">联系客服</text>
			</view>
			<view class="flex-row" v-if="orderList.ordersStatus == 1 ">
				<view class="flex-col items-center text-wrapper_22" @click="cancelorder"><text
						class="text_35">取消订单</text></view>
				<view class="flex-col items-center text-wrapper_21" @click="topay"><text class="text_35">去付款</text>
				</view>
			</view>
			<view class="flex-row " v-else-if="orderList.ordersStatus == 3">
				<view class="flex-col items-center text-wrapper_21" @click="shareFriend"><text
						class="text_35">分享邀请工长</text></view>
			</view>
		</view>
		<shop-share v-model="showshare"></shop-share>
		<!-- 取消订单弹出层 -->
		<cancelOrder :show="cancelShow" @close="cancelShow = false" @confirm="cancelConfirm"></cancelOrder>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	// 引入取消订单弹出层组件
	import cancelOrder from "@/pages/my/order/cancelOrder.vue"
	export default {
		components: {
			cancelOrder
		},
		data() {
			return {
				imgUrl: this.$IMG_URL,
				cancelShow: false, //控制弹出层
				listdate: '',
				ordersId: '',
				couponsMoney: '',
				inspection: '', //巡检相关
				desigin: '', //设计优化相关
				consulting: '', //选材咨询相关相关
				contractExamine: '', //合同审核相关
				acceptanceService: '', //验收相关
				inquiry: {}, //100条
				desiginstatus: '',
				show: false,
				showshare: false,
				isRefreshing: false,
				lefttime: 0,
				orderList: {} // 列表数据
			};
		},
		onLoad(option) {

			this.ordersId = option.ordersId;

			this.init()
		},
		created() {

		},
		onPullDownRefresh() {
			
			this.init();
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		computed: {
			...mapGetters(['userInfo'])
		},
		methods: {
			copy(number) {

				uni.setClipboardData({
					data: number,
					success: (result) => {
						this.$u.toast('复制成功');
					},
					fail: (error) => {
						this.$u.toast('网络出错');
					}
				})
			},
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			goUrl() {
				console.log(222);
				this.go('/pages/consult/inquiry?orderid=' + this.ordersId)
			},
			shareFriend() {
				this.showshare = true;
				// #ifdef APP-PLUS

				this.$store.commit('shareInfo', {
					title: '邀请工长',
					path: this.$WEB_URL + 'pages/index/sharereg?ordersId=' + this.ordersId,
					image: this.$IMG_URL+'login/logo.png'
				});
				// #endif
				// #ifdef H5
				uni.navigateTo({
					url: 'pages/index/sharereg?ordersId=' + this.ordersId
				})
				// #endif
			},
			toxj(index) {
				if (index == 0) {
					this.go('/pages/my/process/tabs?orderid=' + this.ordersId + "&source=order")
				} else {
					this.go('/pages/index/check/checkProgress?orderid=' + this.ordersId)
				}

			},
			information(index) {
				// console.log(this.inspection.inspectionId)

				if (index == 0) {
					// 高级设计

					this.go('/pages/my/order/perfectDataSJ?designId=' + this.desigin.designId + "&orderid=" + this
						.ordersId)
				} else if (index == 1) {
					// 预算合约审核
					this.go('/pages/my/order/perfectDataSH?id=' + this.contractExamine.contractExamineId + '&orderid=' +
						this.ordersId);
				} else if (index == 2) {
					// 巡检
					this.go('/pages/my/order/perfectPatrolData?state=' + index + '&ordersId=' + this.ordersId + '&id=' +
						this.inspection.inspectionId + '&orderType=0')
				}
			},
			invitation() {
				this.$u.toast('敬请期待');
			},
			toevaluatewhole(){
				uni.navigateTo({
					url:'/pages/my/evaluate/evaluatewhole?id='+this.desigin.designId+'&serviceType=1&orderid='+this.ordersId
				})
			},
			topay() {
				this.go('/pages/pay/pay?orderid=' + this.ordersId);
			},
			// 弹出层确认按钮
			cancelConfirm(v) {
				this.$http('mine.cancelOrdersL', {
					ordersId: this.ordersId,
					cancelReason: v
				}).then(r => {
					
					if (r.code = 200) {
						// this.orders.splice(this.currentIndex, 1)
						this.cancelShow = false;
							setTimeout(() => {
								this.$u.toast(r.msg);
							})
							uni.navigateBack({
								delta:1
							})
						this.init()
					}
				});
			},
			// 取消订单
			cancelorder() {
				// uni.navigateTo({
				// 	url:'/pages/my/order/cancelOrder?ordersId='+this.ordersId
				// })
				this.cancelShow = true
				// uni.navigateBack({
				// 	delta: 1
				// });
			},
			init() {
				this.$http('oteherL.getQLCZXdetails', {
					ordersId: this.ordersId,
				}).then(res => {
					const {
						data,
						code
					} = res
					if (code === 200) {
						this.orderList = data.orders;
						this.lefttime = this.timeProcessing(data.orders.ordersTime);
						this.inspection = res.data.inspection;
						this.desigin = res.data.desigin;
						this.ordersStatus = res.data.orders.ordersStatus;
						this.consulting = res.data.consulting;
						this.contractExamine = res.data.contractExamine;
						this.inquiry = res.data.inquiry;
						this.acceptanceService = res.data.acceptanceService;
						if (res.data.orders.couponsMoney) {
							this.couponsMoney = res.data.orders.couponsMoney
						} else {
							this.couponsMoney = 0
						}
					}


				});
			},
			timeProcessing(e) {
				let timeDate = e;
				let Time = new Date(timeDate);
				let timestemp1 = Time.getTime();
				let timestamp2 = new Date().getTime();

				return timestemp1 + 86400000 - timestamp2;
			},
		},
	};
</script>

<style scoped lang="scss">
	.text_btn {
		padding: 30rpx 22rpx 40rpx 24rpx;
	}
.posiBottom {
	position: fixed;
	bottom:0;
	right: 0;
	left: 0;
}
	.activeT {
		margin: -109rpx 24rpx 0;
	}

	.active {
		margin-top: -20rpx !important;
	}

	::v-deep .u-count-down__text {
		color: #D3F9FF;
		font-size: 28rpx;
	}

	.text_btn_sg {
		text-align: center;
		padding: 32rpx 0 44rpx;
		flex: 1 1 330rpx;
		background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 28.95%, #e0eafd 100%, #e0eafd 100%);
		border-radius: 16rpx;
		height: 114rpx;
		color: #1d6aff;
	}

	.text_btn_xj {
		text-align: center;
		margin-left: 18rpx;
		padding: 32rpx 0 44rpx;
		flex: 1 1 330rpx;
		background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 32.93%, #ebe8ff 100%, #ebe8ff 100%);
		border-radius: 16rpx;
		height: 114rpx;
		color: #381cc6;
	}

	.text-wrapper_22 {
		margin-right: 20rpx;
		font-size: 32rpx;
		background-color: #eee;
		border-radius: 16px;
		width: 86px;
		height: 32px;
		text-align: center;
		line-height: 64rpx;
	}


	.text-wrapper_21 {
		font-size: 32rpx;
		background-color: #1d6aff;
		border-radius: 16px;
		width: 86px;
		height: 32px;
		text-align: center;
		line-height: 64rpx;
	}

	.text-wrapper_22 .text_35 {
		color: #333;
	}

	.text_35 {
		color: #fff;
		font-size: 25rpx;
		font-family: '.AppleSystemUIFont';

	}

	.section_3 {
		margin-top: 12rpx;
		background-color: #1d6aff;
		border-radius: 3rpx;
		width: 6rpx;
		height: 28rpx;
	}

	.text-wrapper {
		padding: 2rpx 0 12rpx;
		background-color: #1d6aff;
		border-radius: 20rpx;
		width: 114rpx;
		height: 40rpx;
		text-align: center;
	}

	.image_2 {
		width: 28rpx;
		height: 28rpx;
	}

	.text_13 {
		color: #ffffff;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		padding: 2rpx 0 12rpx;
		background-color: #1d6aff;
		border-radius: 20rpx;
		width: 114rpx;
		height: 40rpx;
		text-align: center;
	}

	.page {
		background-color: #f6f7f9ff;
		height: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.section_1 {
		padding: 55rpx 24.5rpx 136.5rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621628592893.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.group_3 {
		margin-top: -109rpx;
		padding: 0 24rpx 32rpx;
		position: relative;
	}

	.section_6 {
		padding: 18rpx 24rpx 18rpx 34rpx;
		background-color: #ffffff;
		box-shadow: 0px -1rpx 0px 0px #eeeeee;
	}

	.group {
		padding: 0 7.5rpx 4rpx;
		position: relative;
	}

	.group_1 {
		margin-top: 42.5rpx;
	}

	.section_2 {
		padding: 30rpx 22rpx 40rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_4 {
		margin-top: 21rpx;
		padding: 0 22rpx 31rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_5 {
		margin-bottom: 80rpx;
		margin-top: 20rpx;
		padding: 0 24rpx 34rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.group_36 {
		align-self: center;
	}

	.image-wrapper {
		padding: 12rpx 0 22rpx;
		background-color: #1d6aff;
		border-radius: 32rpx;
		width: 200rpx;
		height: 64rpx;
	}

	.image {
		position: absolute;
		left: 7.5rpx;
		bottom: 0;
		width: 19rpx;
		height: 36rpx;
	}

	.text {
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';

	}

	.group_2 {
		padding-bottom: 6rpx;
		width: 300rpx;
		position: relative;
	}

	.image_1 {
		margin-right: 31.5rpx;
		width: 88rpx;
		height: 93rpx;
	}

	.group_5 {
		margin-top: 38rpx;
	}

	.group_6 {
		margin-top: 31rpx;
	}

	.group_7 {
		margin-top: 25rpx;
	}

	.group_8 {
		padding: 29rpx 4rpx 32rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.group_9 {
		padding-top: 23rpx;
	}

	.group_12 {
		margin-top: 38rpx;
	}

	.group_15 {
		margin-top: 46rpx;
	}

	.group_29 {
		padding: 28rpx 0 32rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.group_30 {
		margin-top: 29rpx;
	}

	.group_33 {
		margin-top: 31rpx;
	}

	.group_34 {
		margin-top: 31rpx;
	}

	.group_35 {
		margin-top: 37rpx;
	}

	.image_10 {
		flex-shrink: 0;
		width: 36rpx;
		height: 35rpx;
	}

	.text_44 {
		margin-left: 18rpx;
		margin-bottom: 8.5rpx;
		color: #191919;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_11 {
		width: 148rpx;
		height: 30rpx;
	}

	.text_1 {
		color: #ffffff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_2 {
		color: #ffffff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_3 {
		margin-left: 18rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_4 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_5 {
		margin-right: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_6 {
		margin-bottom: 6rpx;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_7 {
		margin-top: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_8 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_9 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_10 {
		margin-left: 18rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';

	}

	.view_2 {
		margin-top: 25rpx;
	}

	.view_3 {
		margin-top: 25rpx;
	}

	.group_18 {
		margin-top: 38rpx;
	}

	.group_19 {
		margin-top: 44rpx;
	}

	.view_7 {
		margin-top: 13rpx;
	}

	.image_9 {
		margin-left: 17rpx;
		width: 132rpx;
		height: 40rpx;
	}

	.text_335 {
		width: 240rpx;
		display: flex;
		justify-content: flex-end;
		color: #1c4ca8;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';


	}

	.group_32 {
		margin-top: 9rpx;
	}

	.text_38 {
		margin-bottom: 6rpx;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_39 {
		margin-left: 40rpx;
		margin-top: 6rpx;
		color: #fe641a;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_40 {
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_41 {
		margin-left: 40rpx;
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_42 {
		margin-bottom: 6rpx;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_43 {
		margin-left: 40rpx;
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_12 {
		margin-top: 15rpx;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_16 {
		margin-top: 15rpx;
		align-self: flex-start;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.group_17 {
		margin-bottom: 6rpx;
	}

	.text_20 {
		margin-bottom: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_6 {
		margin-left: 25rpx;
		margin-top: 8rpx;
	}

	.group_23 {
		margin-top: 46rpx;
	}

	.divider {
		margin-top: 32rpx;
		background-color: #eeeeee;
		border-radius: 0.5rpx;
		height: 1rpx;
	}

	.group_25 {
		margin-top: 30rpx;
	}

	.group_26 {
		margin-top: 33rpx;
	}

	.group_27 {
		margin-top: 34rpx;
		padding-top: 27rpx;
		border-top: solid 1rpx #eeeeee;
	}

	.text_33 {
		margin-bottom: 6rpx;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_34 {
		margin-left: 40rpx;
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_36 {
		margin-bottom: 6rpx;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_37 {
		margin-left: 40rpx;
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_11 {
		margin-bottom: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_3 {
		margin: 8rpx 28rpx 0 15rpx;
	}

	.text_15 {
		margin-bottom: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_4 {
		margin-left: 15rpx;
		margin-top: 8rpx;
		flex-shrink: 0;
	}

	.text_18 {
		margin-bottom: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_5 {
		margin-left: 12rpx;
		margin-top: 8rpx;
		flex-shrink: 0;
	}

	.view_5 {
		margin-top: 25rpx;
	}

	.group_24 {
		margin-bottom: 6rpx;
	}

	.text_26 {
		margin-bottom: 6rpx;
		color: #999999;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_27 {
		margin-top: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_28 {
		margin-bottom: 6rpx;
		color: #999999;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_29 {
		margin-top: 6rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_30 {
		margin-right: 16rpx;
		margin-top: 7rpx;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_330 {
		margin-left: 40rpx;
		/* margin-top: 7rpx; */
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
	}

	.group_28 {
		height: 38rpx;
	}

	.text_22 {
		margin-top: 15rpx;
		align-self: flex-start;
		color: #999999;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_24 {
		margin-bottom: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_8 {
		margin-left: 15rpx;
		margin-top: 8rpx;
		flex-shrink: 0;
	}

	.text_31 {
		color: #fe641a;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_32 {
		color: #fe641a;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_21 {
		margin-bottom: 3rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.image_7 {
		margin-left: 15rpx;
		margin-top: 8rpx;
		flex-shrink: 0;
	}
</style>
